/*  SOME RIGHT RESERVED - Creative Commons Attribution-Share Alike 2.0 Belgium License   */
/*  part of the "engine" CMS structure */
/*  All contents by oneDot only */

/* GLOBAL CLASSES */

span.name	{
	margin:4px;
	font-size:12px; color:#777; font-weight:200;
}

div.stable	{
	clear:both; width:100%; height:1px;
}


/* INIT NAV WINDOW */

#init	{
	min-height:120px; margin:0 0 24px; background:white; border:1px solid white;
	-moz-border-radius: 0 0 6px 6px;  -moz-box-shadow: 0 0 4px rgba(24,24,24, 0.42), 0 4px 10px rgba(24,24,24, 0.2), inset 0 -38px 48px rgba( 0,0,0, 0.10) ;
	-webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px;  -webkit-box-shadow: 0 0 4px rgba(24,24,24, 0.42), 0 4px 10px rgba(24,24,24, 0.2), inset 0 -38px 48px rgba( 0,0,0, 0.10) ;
}
#init>div:first-child	{
	padding:24px 20px; background:none;
}

#init h1	{
	margin:0 0 32px;
	font-size:20px; color:#777; font-weight:100;
}
#init h1 strong	{
	color:#222; font-weight:600;
}

#init .navigation	{
	float:right;
	color:#222; font-size:13px;
	text-shadow: 0 1px 2px rgba( 0,0,0, 0.24 );
}
#init .navigation span	{
	line-height:12px; padding:2px 4px; margin-left:18px; cursor:pointer; position:relative; left:4px; top:4px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
}
#init .navigation span:hover	{ background:#efefef; }
#init .navigation span:active	{ background:white; }

/* END INIT */



/* PART: WIN OBJECT */
.win	{
	width:440px; min-height:24px; margin:0 0 24px; padding:4px 6px 12px; position:relative; left:-12px;
	-moz-border-radius: 6px;  -moz-box-shadow: 0 0 4px rgba(24,24,24, 0.78); -webkit-border-radius: 6px;  -webkit-box-shadow: 0 0 4px rgba(24,24,24, 0.78);
}
.win.pearl	{
	background:#edebeb url(img/win.pearl.bot.png)  repeat-x bottom;
}
.win>div:first-child	{
	padding:12px 20px; background:#F9F7F7;
	-moz-border-radius: 6px 6px 0 0; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px;
}


/* FLOAT ELEMENT: FLOAT */

li.float	{
	clear:both; height:auto; min-height:18px; margin:2px; padding:2px; width:98%; line-height:16px; background:#666;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}
li.float.open	{ height:auto; }
li.float:hover	{ -moz-box-shadow: inset 0 0 3px rgba(0,0,0, 0.42); }
li.float .name	{
	padding-right:10px; margin:0 6px; overflow:hidden; cursor: pointer;
	font-size:12px; color:white; text-align:left;
}
li.float .name.fill	{
	color:#aaa; font-style:italic;
}
li.float .name:hover	{ background:url(img/float.line.arrow.png) no-repeat right; }
li.float .sub	{
	max-width:98px; height:16px; float:right; overflow:hidden;
	font-size:10px; color:white; text-align:right;
}

li.float.img	{ background:#748493; }
li.float.inc div	{
	width:78px; height:20px; padding:0px; margin:0 42px 2px 4px; float:right; position:relative; top:-1px; overflow:hidden; background:#999 url(img/inc.bg.png) left top;
}
li.float:hover .inc	{
	/* temp (control.css override) */
	margin-right:42px;
}
li.float.drop div:first-child	{
	width:90px; height:16px; float:right; margin:2px 42px 0 4px; background: white url(img/drop.dots.png) no-repeat -92px; overflow:hidden;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0, 0.2); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0, 0.2);
}

li.float.drop .dropbox	{
	margin: 0; padding: 0px 2px;
}


/* FLOAT ELEMENT: LI */

li.li	{
	clear:both; height:20px; background:white; cursor:default;
}
li.li:nth-child(2n+1)	{ background:#f1f5fa; }

li.li span	{
	display:block; float:left; width:auto; min-width:10%;  margin:0px; border-left:1px solid #eee; height:16px; padding:2px 4px;
}
li.li > span:first-child	{ border:0px; }
li.li:hover	{ background:#e9edf3; }
li.li:first-child	{ -moz-border-radius: 4px 4px 0 0; }
li.li:last-child	{ -moz-border-radius: 0 0 4px 4px; }

li.li .rank	{
	margin:2px 38px 2px 2px; float:right; height:16px;
}
li.li .rank .field	{
	background-color:white; height:14px; border-color:#eee;
}
li.li .rank .control	{
	height:14px; 
}
li.li .rank .descr	{ display: none; }

	
.list ul.mild li	{
	height:18px; background:#d4d3d2;
}
.list ul.mild li.li:nth-child(2n+1)	{ background:#f1f5fa; }
.list ul.mild span	{ border-left-color:#cac1bc; }
.list ul.mild li.li:hover span		{ background:#cdc9c5; }


/* FLOAT ELEMENT: PAIR */

li.pair	{
	height:20px; padding:0; background:#f8fbfd;
}
li.pair:nth-child(2n+1)	{ background:#f7f9fa; }

li.pair input	{
	background:none; width:42%; height:16px; padding:2px 0; border-width:0; border-right: 1px solid #aaa; margin:0 4%;
	color:#7f7f7f; font-size:11px;
	-moz-border-radius: 0; -webkit-border-radius: 0;
}
li.pair > input:last-child	{
	margin-right:0; border:none;
}

li.pair input:focus	{
	color:#333; border-bottom:1px dotted #ccc;
}


li.pair:hover	{ background:white; }
li.pair:first-child	{ -moz-border-radius: 4px 4px 0 0; }
li.pair:last-child	{ -moz-border-radius: 0 0 4px 4px; }

	
.pairs ul.mild li	{
	height:18px; background:#d4d3d2;
}
.pairs ul.mild li.li:nth-child(2n+1)	{ background:#f1f5fa; }
.pairs ul.mild span	{ border-left-color:#cac1bc; }
.pairs ul.mild li.li:hover span		{ background:#cdc9c5; }
	
		
/* LIST ELEMENT general */
.blank, .swfupload	{
	display:block; height:16px; padding:0px 6px; background:#9ddf00; cursor:pointer; float:right;
	color:white; font-size:11px; line-height:14px; font-weight:200;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.swfupload	{
	padding: 0 6px 0 0;
}


/* LIST ELEMENT: DROPBOX */

.dropbox					{
		margin:12px 0; position:relative; background:none; border:none;
}
.dropbox .box	{
	clear:both; height:auto; min-height:12px; padding:2px; margin-top:3px; border:0;  background: #e7e5e5 url(img/ico.drop.png) no-repeat top right; list-style-type:none; position:relative;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: inset 0 1px 3px rgba(0,0,0, 0.24); -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0, 0.24);
}
.dropbox:hover .box	{ background-color:white; }


/* LIST ELEMENT: LIST */

.list	{
	width:100%; margin:2px 0;
	color:#7f7f7f; font-size:11px;
}
.list:hover	{ color:#777; }
.list ul	{
	width:100%; cursor:default; padding:0; margin:3px 0; list-style: none; clear:both;
}
.list ul.mild	{ color:#777; }
.list ul.border	{
	border:1px solid #eee; border-color:#ccc #eee #eee #ccc;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
}
.list:hover ul.border			{
	border-color:#bbb #ddd #ddd #bbb;
	-moz-border-radius: 4px 4px 0 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0;
}

/* LIST ELEMENT: PAIRS */
.pairs	{
	width:100%; margin:8px 0;
}
.pairs:hover	{ color:#777; }
.pairs ul	{
	width:100%; cursor:default; padding:0; margin:3px 0; list-style: none; clear:both;
}
.pairs ul.mild	{ color:#777; }
.pairs ul.border	{
	border:1px solid #eee; border-color:#ccc #eee #eee #ccc;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
}
.pairs:hover ul.border			{
	border-color:#bbb #ddd #ddd #bbb;
	-moz-border-radius: 4px 4px 0 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0;
}


/* LIST ELEMENT: OPTIONS */

.options					{
	width:95.9%; min-height:20px; padding:0 2%; margin-top: 8px; background:white; border:1px solid rgba(0,0,0,0.12); cursor:pointer;
	-moz-border-radius: 6px; -webkit-border-radius: 6px;
}
.options .name				{
	height:18px; padding:2px 24px 0; cursor:pointer; background: url(../form/options.v.20.png) no-repeat 2px -20px; opacity: 0.72; position:relative; left:-2%;
	color:#666; line-height:14px; font-size:12px;
}
.options .name:hover		{ opacity: 1; }
.options ul					{
	display:none; padding:0px; margin:0; background: white; min-height:22px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 0 0 3px rgba(0,0,0, 0.2 ); -webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.2 );
}
.options li					{ display:block; border-bottom: 1px solid #ccc; padding:3px 20px; }
.options li:last-child		{ border:none; }
	
.options.active				{ background:none; border:none; padding:1px; width:99.9%; }
.options.active .name		{ background-position:2px -40px; left:0;  }
.options.active ul 			{ display:block; }
.options.active span.name	{ background:none; padding-left:0;  }
	
.options .shift				{ background:none; width:inherit; height:18px; margin:0; padding:0; }
.options .shift .choice		{ width:60px; height:18px; padding:0; margin:0; background:url(../form/options.h.18.png) no-repeat -20px 0; float:right; }
.options .shift .choice.active	{ background-position:-80px; }
.options .shift .descr, .options .opt .descr		{ margin:0; padding:0; left:0px; font-size:12px; font-weight:bold; color:#888; line-height:22px; }
.options .shift:hover .descr, .options .opt:hover .descr	{ color:#333; }
.options .opt				{ background:none; width:inherit; height:18px; margin:0; padding:0; }
.options .opt .value		{ float:right; width:102px;  padding:0 24px 0 0; background:url(../form/options.h.18.png) no-repeat 108px 0; text-align:right; opacity:0.68; font-size:12px; }
.options .opt:hover .value	{ opacity:1; }
.options .ajxfield	{
		margin:0px; float:right; border:1px solid #aaa;
}
.options .container	{
		height: 22px; line-height:22px; cursor:default;
}

/* INPUT ELEMENT: TEXTFIELD & HTMLFIELD */

.textfield, input[type="field"]	{
	width:96%; height:16px; margin:2px 0 12px; padding:2px 5px; background:white; border:1px solid #666;
	color:#4a4a4a;
}
.htmlfield	{
	width:96%; height:auto; min-height:32px; margin:2px 0 12px; padding:2px 1%; background:white; border:1px solid #666; cursor:text;
	-moz-border-radius: 2px; -webkit-border-radius: 2px;
}

/* INPUT ELEMENT: AJXFIELD */
.ajxfield					{ height:16px; background:white url(../form/input.bg.gif) repeat-x top; border:1px solid #777; padding:2px 5px; margin:0 5px 0 0; color:#777; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.ajxfield:focus				{ color:#333; }

.ico_cal	{
	float:right; width:20px; height:18px; padding:1px; margin:1px 4px; background:#999; cursor:pointer;
	font-size:7px; text-align:center; line-height:8px; color:white;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.ico_cal .day	{
	display: block; height:10px; width:20px; background:white;
	font-size:9px; color:#aaa; line-height:11px;
	-moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 3px;
}


/* INPUT ELEMENT: RANK */
.rank						{ height:18px; }
.rank .field				{
	width:70px; height:16px; background:#f0f0f0; border:1px solid #ddd; float:right;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.rank .field .control		{
	width:35px; height:16px; background:url(img/rank.dots.png) no-repeat left center;
}
	
.rank:hover .field	{
	background:white; border:1px solid #bbb;
	-moz-box-shadow:inset 0 1px 1px white, inset 0 8px 8px -2px rgba( 0,0,0, 0.1 ); -webkit-box-shadow:inset 0 1px 1px white, inset 0 8px 8px -2px rgba( 0,0,0, 0.1 );
}


/* INPUT ELEMENT: MORE */
.more	{
	height:18px; padding:2px 2%; border:1px solid #e6e6e6; cursor:pointer;
	font-size:12px; line-height:18px; color:#777;
	-moz-box-shadow:inset 0 1px 1px white, inset 0 0 8px #f5f3f3, 0 1px 0 white; -webkit-box-shadow:inset 0 1px 1px white, inset 0 0 8px #f5f3f3, 0 1px 0 white;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.more:hover	{
	background:white;
	color:#666;
}



/* INPUT ELEMENT: ELVIEW */

.elview	{
	display:block; padding:2px; height:24px; background:white;
	color:#777; font-size:12px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
}
.elview	input.wide {
	margin:0; width:168px;
	color:#333; font-size:12px;
}
.elview	.descr	{ padding:6px 12px; }
.elview	.opts	{ float:right; }
.elview	.opts span {
	float:left; display:block; height:16px; padding:4px 14px; margin-left:6px; background:#b8afa1; cursor:pointer;
	color:white; font-size:11px;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.elview	.opts > span:first-child { background:#00c7df; }
.elview	.opts span:hover { opacity:0.8; }



/* CONTROL ELEMENTS: TEXTCONTROL & HTMLCONTROL */
.text_ctrl, .html_ctrl	{
	position:absolute; min-width:210px; padding:0 2px; background:#4a4a4a; z-index:1001;
	 -moz-border-radius: 3px; -webkit-border-radius: 3px; 
}
.text_ctrl input[type='field']	{
	height:16px; background:white url(../form/input.bg.gif) repeat-x top; border:1px solid #4a4a4a; padding:2px 1%; width:96%; margin:2px 0;
	color:#4a4a4a; font-size:12px;
}
.text_ctrl .name, .html_ctrl .name	{
	display:block; height:15px; overflow:hidden; margin:0 2px;
	font-size:11px; line-height:18px;
}
.text_ctrl .lang, .html_ctrl .lang	{
	float:right; height:15px; width:24px; margin:0 1px; cursor:default;
	text-align:center; font-size:10px; color:#aaa;
}
.text_ctrl .lang.select, .html_ctrl .lang.select	{
	background:#b6e24c;
	color:#4a4a4a;
	-moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px;
}

.html_ctrl .field	{
	width:96%; height:auto; min-height:32px; margin:2px 0; padding:2px 1%; background:white; border:1px solid #666;
	color:#4a4a4a; font-size:11px; line-height:15px; 
}
.html_ctrl .ctrl { width:96%; padding:0px; margin:0 0 6px 1px; position:relative; top:-2px; }
.html_ctrl .nfo	{
	display:block; margin:4px; color:#999;
}

.html_panel	{
	display: block;padding:2px; margin:4px; background:#666;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.html_panel	.expand {
	display: block; min-height:14px; padding:2px; margin:2px; border:1px solid #888; background:#777;
	-moz-border-radius: 2px; -webkit-border-radius: 2px;
}
.html_panel button	{
	width:24px; height:20px; margin:2px; border:1px solid #585858; background:#666 url(img/icons.24.png) no-repeat left top;
	-moz-box-shadow: 1px 1px 0 rgba(255,255,255, 0.08), inset 1px 1px 0 rgba( 255,255,255, 0.08);
	-moz-border-radius: 2px; -webkit-border-radius: 2px;
}
.html_panel	.active {
	background: #ccc; border-color:white;
}
.html_panel	.expand input {
	width: 210px; padding:1px 4px; margin:0;
}
.html_panel	.expand input[type='button'] {
	width: 120px; margin:0 5px; border-color:#666;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; 
}


/* CONTROL ELEMENTS: FLOATCONTROL */
.float_ctrl	{
	position:absolute; min-width:32px; padding:3px 2px; background:rgba(255,255,255, 0.82);
	-moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.42); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.42);
}
.float_ctrl	.ico	{
	width:12px; margin:0 2px; cursor: pointer;
}


/* CONTROL ELEMENTS: ROLLCONTROL */
.roll_ctrl	{
	position:absolute; height:68px; padding:0 2px; background:rgba(34,34,34, 0.82); border:1px solid rgba( 0,0,0, 0.8); z-index:1001;
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255, 0.38), 0 1px 3px rgba( 0,0,0, 0.32); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255, 0.38), 0 1px 3px rgba( 0,0,0, 0.32);
	-moz-border-radius: 3px; -webkit-border-radius: 3px; 
}

/* CONTROL ELEMENTS: SELECTCONTROL */
.select_ctrl	{
	position:absolute; padding:0 2px; background:white; z-index:1001;
	-moz-box-shadow: 0 1px 3px rgba( 0,0,0, 0.32); -webkit-box-shadow: 0 1px 3px rgba( 0,0,0, 0.32);
	-moz-border-radius: 3px; -webkit-border-radius: 3px; 
}

.select_ctrl .options	{
	border:none; padding:0; margin:0; width:inherit;
}

.select_ctrl li	{
	background:none; border-color: #ddd;
	color:#999;
}
.select_ctrl li:hover	{ color:#666; }
.select_ctrl li.active, .select_ctrl li:active	{
	color:#222; font-weight:bold;
}


/* Draggable reactions */
[draggable=true] {
  -webkit-user-drag: element;
  -webkit-user-select: none;
}



/* /////////// DEPRECATED!!!! CLEAN!!!! ///////// */

.win form						{ width:400px; }
.win form .react				{ padding:5px; color:white; background:#4a4a4a; width:400px; }
.win input[type='button'].medium		{ background:url(../form/button.medium.png) no-repeat; border:0px; height:20px; width:142px; font-weight:normal; }
.win input[type='button'].medium:hover	{ background:url(../form/button.medium.hover.png) no-repeat; }
textarea								{ font-size:12px; font-family:"Lucida Sans","Lucida Grande",Lucida, Helvetica, sans; color:#777; }

.win input.req, .win select.req, .win textarea.req	{  border:1px solid #cf7501; }
.win input.err, .win select.err	{  border:1px solid #a02629; }
.win .fill						{  padding:2px; color:white; }

.win .descr				{ position:relative; left:8px; top:-2px; float:left; color:#aaa; }
.win_ctrl					{ position:absolute; height:20px; }
.win_ctrl .ico				{ width:18px; border:0px; margin:0px; }
.win_ctrl .ico.drag		{ background:url(img/ico.win.drag.png) no-repeat; }
.win_ctrl .ico.drag:hover	{ background:url(img/ico.win.drag.hover.png) no-repeat; }
.win_ctrl .ico.mini		{ background:url(img/ico.win.mini.png) no-repeat; }
.win_ctrl .ico.mini:hover	{ background:url(img/ico.win.mini.hover.png) no-repeat; }
.win_ctrl .ico.close		{ background:url(img/ico.win.close.png) no-repeat; }
.win_ctrl .ico.close:hover	{ background:url(img/ico.win.close.hover.png) no-repeat; }



.win .ico.prev, .ico.prev		{ width:12px; height:12px; border:0px; margin:0 2px; background:url(img/ico.left.png) no-repeat; opacity:0.72; filter:alpha(opacity=72); }
.win .ico.next, .ico.next		{ width:12px; height:12px; border:0px; margin:0 2px; background:url(img/ico.right.png) no-repeat; opacity:0.72; filter:alpha(opacity=72); }

.ico.prev:hover, .ico.next:hover	{ opacity:1; filter:alpha(opacity=100); }

#container					{ background:none; top:0px; }

.blank	{
	display:block; height:16px; padding:0px 6px; background:#9ddf00; cursor:pointer; float:right;
	color:white; font-size:11px; line-height:14px; font-weight:200;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.blank:hover	{
	background:#777;
	text-shadow: 0 1px 1px black;
}

.ico.new	{
	height:12px; margin:2px; padding:0px 15px; background:url(img/ico.new.png) no-repeat right; cursor:pointer; float:right;
	font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#ccc; line-height:12px;
	-moz-border-radius: 2px; -webkit-border-radius: 2px;
}

	.ico.new:hover				{ color:#aaa; background-color:white; }

	.fielddescr					{ display:block; height:15px; line-height:18px; margin-top:2px; }
	
	.group						{ width:360px; padding:5px 10px; background:#aaa; margin:20px 0 0 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
	.group .name				{ padding:0 18px; margin:2px 0; background:url(img/ico.plus.inv.png) no-repeat left 1px; color:white; line-height:11px; font-size:12px; cursor:pointer; }
	.group .name.mini			{ background:url(img/ico.mini.inv.png) no-repeat left 1px; }
	.group form					{ display:block; margin-top:10px; width:100%; }
	.group .comment				{ color:white; background:inherit; float:right; color:#ddd; width:24%; line-height:12px; font-size:10px; }
	

	.list						{ width:100%; margin:2px 0; color:#7f7f7f; font-size:11px; }
	.list .descr				{ width:50%; float:none; left:0; top:0; color:#666; }
	.list table					{ width:100%; }
	.list tr					{ height:21px; background:none; cursor:default; }
	.list tr.odd td				{ background:#f1f5fa; }
	.list td					{ margin:0px; border-left:1px solid #eee; padding:2px 4px; background:white; }
	.list tr > td:first-child	{ border:0px; }
	.list tr:hover td			{ background:#e9edf3; }
	.list tr:first-child > td:first-child	{ -moz-border-radius: 4px 0 0; -webkit-border-radius: 4px 0 0; }
	.list tr:first-child > td:last-child	{ -moz-border-radius: 0 4px 0 0; -webkit-border-radius: 0 4px 0 0; }
	.list tr:last-child > td:first-child	{ -moz-border-radius: 0 0 0 4px; -webkit-border-radius: 0 0 0 4px; }
	.list tr:last-child > td:last-child		{ -moz-border-radius: 0 0 4px 0; -webkit-border-radius: 0 0 4px 0; }
	
	.list.mild					{ color:#777; }
	.list.mild tr				{ height:18px; }
	.list.mild tr.odd td		{ background:#d3d0cc; }
	.list.mild td				{ border-left-color:#cac1bc; background:#d4d3d2; }
	.list.mild tr:hover td		{ background:#cdc9c5; }
	
	.list.border				{ border:1px solid #eee; border-color:#ccc #eee #eee #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
	
	.list:hover					{ color:#777; }
	.list:hover .border			{ border-color:#bbb #ddd #ddd #bbb; -moz-border-radius: 4px 4px 0 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; }
	.list:hover tr.odd td		{ background:#ecf2f8; }		
	
		
	#listfloat					{ position:absolute; width:382px; padding:0 5px; background:#4a4a4a; border:none; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 4px; z-index:101; }
	
	#listfloat .flow			{ width:98%; height:12px; padding:2px 0; margin:2px 1% 0; background:#777; font-size:10px; color:#999; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
	#listfloat .buttonline		{ width:98%; margin:5px 1%; background-color:#777; }
	#listfloat.setlist			{ margin-top:1px; padding:0 2px; }
	
	#linefloat					{ position:absolute; width:48px; padding:0 3px; background-color: rgba(68,68,68,0.8); border:none; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px; z-index:99; }
	#linefloat .ico				{ width:12px; margin:4px 2px 0 2px; cursor: pointer; }
	
	
	
	
	
	
	.lcluster					{ font-size:10px; color:#ccc; }
	.lcluster font				{ float:left; width:225px; overflow:hidden; }
	.lcluster.line				{ background:url(img/lcluster.line.png) no-repeat; width:370px; height:16px; padding:2px 10px 2px 0; margin-bottom:4px; }
	.lcluster .prog				{ float:left; background:#ddd; width:100px; height:6px; margin:5px; }
	.lcluster .prog.idle		{ background:#eee; }
	.lcluster .prog.active		{ background:#d0d0d0 url(img/lcluster.prog.gif) no-repeat -92px top; }
	.lcluster .prog.succes		{ background:#c4fe5f; }
	.lcluster .ico				{ float:right; width:12px; margin:2px 1px; }
	
	.inline						{ height:18px; margin:2px; padding:2px; width:120px; line-height:16px; background:#4a4a4a; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	.inline:hover				{ background:#b6e24c; }
	
	
	
	
	
	*.comment					{ color:#999; width:80%; }
	
	.swfupload.buttonholder		{ float:none; width:200px; padding:2px; background:#ccc; }
	
	.flow_ctrl	{
		position:absolute; min-width:302px; height:16px; padding:2px 0; background:rgba(0,0,0, 0.7); cursor:default; z-index:101; 
		-moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 4px;
	}
	.flow_ctrl .order	{
		width:102px; height:16px; margin-left:10px; background:#777;
		text-align:center; font-size:11px; color:#999;
		-moz-border-radius: 4px; -webkit-border-radius: 4px;
	}
	.flow_ctrl .order:hover	{ color:#ccc; }
	.flow_ctrl .count	{
		width:192px; padding:2px; height:12px; background:#777; margin-right:10px; float:right;
		font-size:10px; color:#ccc;
		-moz-border-radius: 8px; -webkit-border-radius: 8px;
	}
	.flow_ctrl .count .arrow	{
		width:12px; height:12px; background:url(img/ico.left.png) no-repeat; cursor:pointer; opacity:0.72; float:left;
	}
	.flow_ctrl .count .arrow.right	{
		background:url(img/ico.right.png) no-repeat; float:right;
	}
	.flow_ctrl .count .arrow:hover	{
		opacity:1;
	}
	.flow_ctrl .count span	{
		margin: 0 12px; line-height:10px;
	}
	.flow_ctrl .count span:last-child	{
		margin: 0 12px; color:#999;
	}
	
	/* Image cropper css */
	
	div .cropper{
		background-color: #666;
		padding:48px; -moz-border-radius:4px; -webkit-border-radius:4px;
		border:1px solid #D7D5D5;
	}
	
	div .cropper:hover{
		background-color: #333;
	}

